<template>
	<view class="box">
		<view class="boxone">
			<img src="@/static/72x72.png" class="image1" alt="">
		</view>
		<view class="boxtwo">
			<img src="@/static/loginwait.jpg" class="image2" alt="">
		</view>
			<p class="boxthree">
				<span class="text1">追云提供计算服务</span>
				<span class="ipv6">
					iPv6
				</span>
			</p>
	</view>
</template>

<script>
    export default {
        data(){
            return{
            }
        },
        mounted() {
          setTimeout(function(){
              uni.switchTab({
                  url:'/pages/index/index'
              })
          },2000)  
        }
        
        
    }
</script>

<style>
	page{
		background-color: #d7000f;
		padding: 0.1px;
	}
	.boxone{
		width: 300px;
		height: 100px;
		margin: 0 auto;
		margin-top: 185px;
		/* background: green; */
		text-align: center;
	}
	.boxone .image1{
		width: 200px;
		height: 200px;
		/* box-shadow: 2px 0 30px 0; */
		position: relative;
		top: -80px;
	}
	.boxtwo{
		width: 300px;
		height: 200px;
		margin: 0 auto;
		text-align: center;
		/* background: yellow; */
	}
	.boxtwo .image2{
		width: 130px;
		height: 130px;
		position: relative;
		top: -20px;
	}
	.boxthree{
        width: 160px;
        margin-left: -80px;
		text-align: center;
		color: #DDBEC2;
		position: fixed;
        left:50%;
		bottom: 100px;
	}
	.boxthree .text1{
		display: inline;
		font-size: 13px;
	}
	.ipv6{
		width: 30px;
		height: 15px;
		font-size: 1px;
		color: #DDBEC2;
		border: 0.5px solid #DDBEC2;
		text-align: center;
		border-radius: 4px;
		display: inline;
		margin-left: 3px;
		padding:  0 3px;
	}
</style>